import React from 'react'
import Logo from '../../../assets/Logo1.png'
import "../../../assets/icon/iconfont.css"
import { MoreOutlined } from "@ant-design/icons";
import "./style.css"

const Index:React.FC = () => {
  const imgs=JSON.parse(localStorage.getItem('userInfor')).photoImg;
  return (
    <div className='headerHaha'>
      <div className="headerLeft">
        <img src={Logo} alt="" />
        <p>文件<i className='iconfont icon-xia'></i></p>
        <p>尺寸调整</p>
        <p>|</p>
        <p><i className='iconfont icon-yun'></i></p>
        <p><i className='iconfont icon-zuozhuan'></i></p>
        <p><i className='iconfont icon-youzhuan'></i></p>
      </div>
      <div className="headerRight">
        <p><i className='iconfont icon-banquan'></i></p>
        <button className='fx'><i className='iconfont icon-vip'></i>开通会员</button>
        <i className='iconfont icon-weixin'></i>
        <i className='iconfont icon-pinglun_16'></i>
        <p>
          <img src={imgs} style={{width:'30px',height:'30px',borderRadius:'50%'}} alt="" />
        </p>
        <button>分享</button>
        
          <div className="buttons">
          
            <button className="but">上传素材</button>
          
          
            <button >
              <MoreOutlined />
            </button>
          
        </div>
      </div>
    </div>
  )
}

export default Index
